<div class="recommend">
    <h2>热门推荐</h2>
    <ul class="rec-list">
        <li th:each="crossSaleProduct : ${product.crossSaleProducts}" th:object="${crossSaleProduct}"
            th:if="${crossSaleProduct.relatedProduct != null and crossSaleProduct.relatedProduct.isActive()}">
            <div class="rec-item">
                <div class="rec-img">
                    <a th:href="@{*{relatedProduct.url}}">
                        <img th:src="@{*{relatedProduct.media['primary'].url + '?browse200'}}"
                             th:alt="*{relatedProduct.name}"/>
                    </a>
                </div>
                <p><a href="#" th:href="@{*{relatedProduct.url}}" th:text="*{relatedProduct.name}"></a></p>
                <p><span class="rec-price" blc:fsprice="*{relatedProduct.defaultSku.displayedTotalPrice}">￥4047.00</span></p>
            </div>
        </li>
    </ul>
</div>